<template>
  <div class="demo">
    <h2 class="colorRed">学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
  </div>
</template>

<script>

export default {
    name:'Student',
    data() {
        return {
            name:'李淳罡',
            sex:'男 ',

        }
    },

}
</script>

<!-- scoped 所有的样式只在当前组件的模板中有效 -->
<style scoped>
  .demo{
    background-color: orange;
  }
</style>
